<?php
include_once('admin/php/includes/definer.php');
include_once(INC.'admin/php/bootstrap.php');
?>
<!DOCTYPE html>
<!--[if IE 8]> 				 <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

    <head>
        <meta charset="iso-8859-1" />
        <meta name="viewport" content="width=device-width" />
        <title>Marcos Furer - Photography</title>
        <meta name="description" content="To photograph is to hold one's breath, when all faculties converge to capture fleeting reality.">
        <link rel="stylesheet" href="stylesheets/normalize.css" />
        <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="stylesheets/app.css" />
        
        <meta property="og:title" content="Marcos Furer - Photography" />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="http://www.marcosfurer.com" />
        <meta property="og:image" content="http://www.marcosfurer.com/content/img/furer-facebook.jpg" />
        <meta property="og:site_name" content="Marcos Furer - Photography" />
        <meta property="fb:admins" content="552054148" />
        <meta property="og:description" content="To photograph is to hold one's breath, when all faculties converge to capture fleeting reality." />

        <script src="<?php echo(URL); ?>javascripts/vendor/custom.modernizr.js"></script>

    </head>
    <body>
        <!-- MENU -->
        <?php include_once('tpl/menu.php'); ?>
        <!-- FIN MENU -->
        <div class="row">
            <div id="waitModal" class="reveal-modal" style="z-index: 1000; width: 30%; margin-left: -15%">
                <h2>Please wait</h2>
                <div class="progress"><span class="meter" style="width: 100%;"></span></div>
            </div>
            <a href="#" data-reveal-id="waitModal" class="reveal-link"></a>
            <div class="large-6 large-centered columns">
                <form action="<?php echo('php/controllers/consulta.controller.php'); ?>" id="contacto" method="post">
                    <div class="data-wrapper hide" id="success">
                        <div class="alert-box success hide">
                            Thanks for contacting us.
                            <a href="" class="close">&times;</a>
                        </div>
                    </div>
                    <div class="data-wrapper">
                        <p class="title">You can reach me at</p>
                        <p><span>Mobile:</span> +54 9 3525 523604</p>
                        <p><span>Email:</span> photo@marcosfurer.com.ar</p>
                    </div>
                    <hr />
                    <div class="data-wrapper">
                        <p class="title">Or send me a message</p>
                        <div class="row">
                            <div class="large-12 columns">
                                <label for="name">Name and surname</label>
                                <input type="text" placeholder="" id="name" name="name">
                            </div>
                        </div>
                        <div class="row">
                            <div class="large-6 columns">
                                <label for="email">Email</label>
                                <input type="text" placeholder="" id="email" name="email">
                            </div>
                            <div class="large-6 columns">
                                <label for="phone">Phone number</label>
                                <input type="text" placeholder="" id="phone" name="phone">
                            </div>
                        </div>
                        <div class="row">
                            <div class="large-12 columns">
                                <label for="comments">Enquiries</label>
                                <textarea placeholder="" id="comments" name="comments"></textarea>
                            </div>
                        </div>                        
                        <div class="row">
                            <div class="large-3 large-centered columns">
                                <input type="submit" class="enviar" value="Send" />
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <script>
            document.write('<script src=' + ('__proto__' in {} ? '<?php echo(URL); ?>javascripts/vendor/zepto' : '<?php echo(URL); ?>javascripts/vendor/jquery') + '.js><\/script>')
        </script>
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.alerts.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.clearing.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.cookie.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.dropdown.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.forms.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.joyride.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.magellan.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.orbit.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.placeholder.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.reveal.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.section.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.tooltips.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.topbar.js"></script>

        <script src="<?php echo(URL); ?>javascripts/slider/jquery.backstretch.min.js"></script>

        <script src="<?php echo(URL); ?>javascripts/validate/jquery.validate.js"></script>
        
        <script src="<?php echo(URL); ?>javascripts/foundation/jquery.foundation.reveal.js"></script>
        
        <script src="<?php echo(URL); ?>javascripts/home.js.php"></script>

        <script>
            var intervalo;
            $(document).foundation();
            $(document).ready(function() {
                if (location.hash == '#success') {
                    $('#success').show();
                }
                $("#contacto").validate({
                    rules: {
                        name: {
                            required: true,
                            minlength: 2
                        },
                        email: {
                            required: true,
                            email: true
                        },
                        comments: {
                            required: true,
                            minlength: 20
                        }
                    },
                    submitHandler: function($form) {
                        progressBar()
                        $form.submit();
                    }
                });
                function progressBar () {
                    clearInterval(intervalo);
                    $('a.reveal-link').trigger('click');
                    intervalo = setInterval(progressBar, 15);
                    if ($('.progress .meter').width() >= $('.progress').width()) {
                        $('.progress .meter').css('width', '0')
                    } else {
                        $('.progress .meter').css('width', '+=10px')
                    }
                }
            });
        </script>
    </body>
</html>
